<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>点菜宝</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
    
    <!-- 顶部 -->
    <ul class="clearfix" id="header-nav">
        <li class="active"><a>自定义菜</a></li>
        <li ><a href="index.html">拼音检索</a></li>
    </ul>


    <div class="container">
        <div class="zdy-chioce">      
            <div class="zdy-chioce-a clearfix">
                <div class="left">商品名称</div>
                <div class="right"><input type="text" placeholder="输入菜名" class=""></div>
            </div>
            <div class="clearfix zdy-chioce-b">
                <p>所属分类</p>
                <div class="zdy-chioce-h clearfix">
                    <div class="zuocai clearfix">
                        <div class="left ">
                            <input type="radio" name="radio" checked="checked" ><label for="radio1"></label>
                        </div>
                        <div class="right">甜点</div>
                    </div>
                    <div class="zuocai clearfix">
                        <div class="left ">
                            <input type="radio" name="radio" ><label for="radio1"></label>
                        </div>
                        <div class="right">海鲜</div>
                    </div>
                    <div class="zuocai clearfix">
                        <div class="left ">
                            <input type="radio" name="radio" ><label for="radio1"></label>
                        </div>
                        <div class="right">凉菜1</div>
                    </div>
                    <div class="zuocai clearfix">
                        <div class="left ">
                            <input type="radio" name="radio" ><label for="radio1"></label>
                        </div>
                        <div class="right">酒水1</div>
                    </div>
                    <div class="zuocai clearfix">
                        <div class="left ">
                            <input type="radio" name="radio"  ><label for="radio1"></label>
                        </div>
                        <div class="right">甜点1</div>
                    </div>
                    <div class="zuocai clearfix">
                        <div class="left ">
                            <input type="radio" name="radio" ><label for="radio1"></label>
                        </div>
                        <div class="right">海鲜</div>
                    </div>
                    <div class="zuocai clearfix">
                        <div class="left ">
                            <input type="radio" name="radio" ><label for="radio1"></label>
                        </div>
                        <div class="right">凉菜</div>
                    </div>
                    <div class="zuocai clearfix">
                        <div class="left ">
                            <input type="radio" name="radio" ><label for="radio1"></label>
                        </div>
                        <div class="right">酒水</div>
                    </div>
                </div>
                
            </div>
            <div class="zdy-chioce-a clearfix">
                <div class="left">数量单位</div>
                <div class="right">
                    <input type="text" placeholder="输入单位" >
                </div>
            </div>
            <div class="zdy-chioce-a clearfix">
                <div class="left">单价</div>
                <div class="right">
                    <input type="number" placeholder="输入单价" >
                </div>
            </div>
            <div class="zdy-chioce-d">
                <p>备注</p>
                <textarea name="" id="beizhu" class="form-control"></textarea>
            </div>
            <div class="zdy-chioce-e clearfix">
                <input type="submit" value="取消">
                <input type="submit" id="queren" value="确认" >
            </div>            
        </div>
    </div>

    <!-- 添加到购物车的提示信息 -->
    <div id="tip" style="display:none">
        已成功添加到购物车
    </div>
    
    <!-- 错误提示信息 -->
    <div id="warning" style="color:red;display:none">
        错误提示信息
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $('#queren').click (function (){   
            document.getElementById("tip").style.display="block";
            $ ('#tip').show ().delay (1000).fadeOut ();
        });
    </script>
</body>
</html>